<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>年会签到</title>
    <link rel="stylesheet" href="css/common.css">
    <script src="js/common.js"></script>
    <script src="js/jquery.min.js"></script>
    <style>
        .head {
            width: 100%;
            height: auto;
            position: relative;
            z-index: 0;
        }

        .inputBox {
            margin: 0 auto;
            position: relative;
            z-index: 1;
            width: 84%;
            height: 70%;
            box-shadow: 0px 0px 10px rgba(129, 0, 6, .7);
            /*margin-top: -10%;*/
            background: #ffffff;
            border-radius: .6rem;
            padding: 20px 15px 0rem 15px;
            text-align: center;
        }

        .inputBox input {
            /*width: 100%;*/
            /*height: 3.4rem;*/
            border-radius: .4rem;
            border: 1px solid #ccc;
            margin-bottom: 2rem;
            /*text-indent: 2%;*/
            padding:0;
        }

        .inputBox select {
            width: 100%;
            height: 3.5rem;
            border-radius: .4rem;
            border: 1px solid #ccc;
            margin-bottom: 2rem;
            color: #555555;
        }
        .submit {
            text-align: center;
            background: #c6171f;
            color: #ffffff;
            margin-top: 3rem;
            font-size: 1.6rem;
        }
        .redbar {
            width: 100%;
            height: 1rem;
            background: #c6171f;
            position: fixed;
            z-index: 2;
            bottom: 0;
        }
        input:active, input:focus {
            border: 1px solid #c6171f;
        }
    </style>
</head>
<body>
<img src="image/head.png "class="head" id="head"></img>
<div class="inputBox" id="inputBox">
    <select type="text" placeholder="公司名称" id="deptName">
        <option value="1" selected>数源久融</option>
        <option value="2">云栖云数据</option>
        <option value="3">久融新能源</option>
    </select>
    <input type="text" placeholder="姓名" id="name">
    <input type="text" placeholder="手机号码" id="phone">
    <input class="submit" value="提交" id="submit">
    <input type="hidden" value="${openid?if_exists}" id="open">
</div>
<div class="redbar"></div>
</body>
<script src="js/phoneSign.js" defer="defer"></script>
</html>